.container
  .row
    .col-lg-2.col-md-2
    .col-lg-4.col-md-4.col-sm-12.col-xs-12
      input.form-control(style="width:100% ; margin-top:30px ; margin-bottom:35px", ng-model="query", placeholder="Search your conversations")
    .col-lg-4.col-md-4
    .col-lg-2.col-md-2


.container
  .row
    .col-lg-2.col-md-2
    .col-lg-8.col-md-8.col-sm-12.col-xs-12
      .panel.panel-default.locations-panel(style="margin-bottom: 10px", ng-repeat="conversation in conversations | filter:query ")
        .panel-body
          .location-item-body
            //img(src="{{location.faviconUrl}}" height=20 width=20)
            a(href="{{location.url}}" target="_blank") {{conversation.title}}
          .location-item-footer
            ul.pull-right.location-footer-actions
              li
                a(href="REMOVE_THIS_LOCATION" target="_blank") Remove
              li
                a(href="THIS_LOCATION_COMMENTS" target="_blank") {{location.comments}} Comments
              li
                {{conversarion.started | date:'dd-MMM-yyyy'}}
    .col-lg-2.col-md-2
